<template>
    <div class="a-list">
      <ul>
        <router-link :to="{path:'detail',query:{guid:guid}}">
          <!--  <router-link :to="{ path: 'register', query: { plan: 'private' }}">Register</router-link>-->
          <li>{{guid}}--{{title}}</li>
          <el-button type="success">购买</el-button>
        </router-link>
      </ul>
    </div>
</template>

<script>
    export default {
        name: "article-list",
        props:['title','guid']
    }
</script>

<style scoped>
  .a-list{margin: 4px;text-decoration: none}
  .a-list li{padding: 5px;margin:10px;background: greenyellow}
</style>
